<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!-- 引入样式文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@smallwei/avue/lib/index.css"/>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"/>
    <!-- 引入相关JS 文件 -->
    <script src="https://unpkg.com/vue@2.6.14/dist/vue.js"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@smallwei/avue/lib/avue.min.js"></script>
</head>
<body>

<div id="app">
    {{ message }}
    <avue-form :option="option"></avue-form>

</div>


</body>

<script>
    // 在 #app 标签下渲染一个按钮组件
    var vm = new Vue({
        el: '#app',
        data() {
            return {
                message: "vue的第一个例子",
                option: {
                    column: [
                        {
                            label: '输入框',
                            prop: 'input',
                            type: 'input'
                        },
                        {
                            label: '输入框',
                            prop: 'input1'
                        }
                    ]
                }
            }
        }
    });
    app.use(AVUE);
</script>
</html>